﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PlanBook.aspx.cs" Inherits="InhollandAir.PlanBook" %>
<%@ Register src="ChooseFlight.ascx" tagname="ChooseFlight" tagprefix="uc1" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>InhollandAir - Plan and Book</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
    <link href="//fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
	<link href="//fonts.googleapis.com/css?family=Oleo+Script" rel="stylesheet" type="text/css" />
    <link href="css/planner.css" rel="stylesheet" type="text/css" />
	<script src="css/5grid/jquery.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
	<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI_titleBarOverlaid=1&amp;mobileUI_titleBarHeight=60&amp;viewport_is1000px=1060&amp;mobileUI_openerWidth=80"></script>
	<noscript>
		<link rel="stylesheet" href="css/5grid/core.css" />
		<link rel="stylesheet" href="css/5grid/core-desktop.css" />
		<link rel="stylesheet" href="css/5grid/core-1200px.css" />
		<link rel="stylesheet" href="css/5grid/core-noscript.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/style-desktop.css" />
	</noscript>
	<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
	<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
    <script type="text/javascript">
        $(function () {
            $('#accordion').accordion();
        });
        function StepNavigator(senderStep, action) {
            if (action == 'next') {
                var nextHeader = $('#pnlStep' + (parseInt(senderStep.substring(senderStep.length - 1)) + 1));
                $(nextHeader).prev('h3').trigger('click');

            }
            else if (action == 'prev') {
                var prevHeader = $('#pnlStep' + (parseInt(senderStep.substring(senderStep.length - 1)) - 1));
                $(prevHeader).prev('h3').trigger('click');
            }
        }
    </script>
</head>
<body class="right-sidebar">
    <form id="form1" runat="server">
        <asp:ScriptManager runat="server" ID="mngStep4"></asp:ScriptManager>
		<!-- Header Wrapper -->
			<div id="header-wrapper">
				<div class="5grid-layout">
					<div class="row">
						<div class="12u">
							<!-- Header -->
							<header id="header">
								<!-- Logo -->
								<div id="logo">
									<h1><a href="#">InhollandAir</a></h1>
									<span>Where the sky is no limit!</span>
								</div>
								<!-- Nav -->
								<nav id="nav">
									<ul>
										<li><a href="Default.aspx">InhollandAir</a></li>
										<li class="current_page_item"><a href="PlanBook.aspx">Plan and Book</a></li>
										<li><a href="Corporate.aspx">Corporate</a></li>
										<li><a href="Login.aspx">My Air</a></li>
                                        <li><asp:LinkButton ID="lbLogout" OnClick="Logout" runat="server">Logout</asp:LinkButton></li>
									</ul>
								</nav>
							</header>
					</div>
				</div>
			</div>
		</div>
		<!-- Main Wrapper -->
		<div id="main-wrapper">
			<div class="5grid-layout">
				<div class="row">
					<div class="8u">
						<!-- Content -->
						<div id="content">
							<article class="last">
							    <asp:Panel ID="NormalPanel" runat="server" >
							        <div id="accordion">
							            <h3>General</h3>
                                        <asp:UpdatePanel ID="pnlStep1" runat="server">
                                        <ContentTemplate>
                                            <div id="step1">
                                                <div>
                                                    <p>Book your flight, car and stay online. You're in control.</p>
                                                    <p>Compare and choose flight that suit your plan following the simple steps below.</p>
                                                    <button type="button" class="button" onclick="StepNavigator('1', 'next')">Next</button>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                        </asp:UpdatePanel>

                                        <h3>Travel party</h3>
                                        <asp:UpdatePanel runat="server" ID="pnlStep2">
                                            <ContentTemplate>
                                        <div id="step2">
                                            <table>
                                                <tr>
                                                    <td>Amount of people:</td><td><asp:DropDownList runat="server" ID="ddlPersonCount" AutoPostBack="True" OnSelectedIndexChanged="DdlPersonCountSelectedIndexChanged">
                                                    <asp:ListItem Value="-1" Selected="True">Choose amount of people ...</asp:ListItem>
                                                    <asp:ListItem>1</asp:ListItem>
                                                    <asp:ListItem>2</asp:ListItem>
                                                    <asp:ListItem>3</asp:ListItem>
                                                    <asp:ListItem>4</asp:ListItem>
                                                    <asp:ListItem>5</asp:ListItem>
                                                    <asp:ListItem>6</asp:ListItem>
                                                    <asp:ListItem>7</asp:ListItem>
                                                    <asp:ListItem>8</asp:ListItem>
                                                    <asp:ListItem>9</asp:ListItem>
                                                    <asp:ListItem>10</asp:ListItem>
                                                    <asp:ListItem>11</asp:ListItem>
                                                    <asp:ListItem>12</asp:ListItem>
                                                    <asp:ListItem>13</asp:ListItem>
                                                    <asp:ListItem>14</asp:ListItem>
                                                    <asp:ListItem>15</asp:ListItem>
                                                    <asp:ListItem>16</asp:ListItem>
                                                    <asp:ListItem>17</asp:ListItem>
                                                    <asp:ListItem>18</asp:ListItem>
                                                    <asp:ListItem>19</asp:ListItem>
                                                    <asp:ListItem>20</asp:ListItem>
                                                    </asp:DropDownList>
                                                    people.</td>
                                                </tr>
                                            </table>
                                            <button type="button" class="button" onclick="StepNavigator('2', 'prev')">Previous</button>
                                            <button type="button" class="button" onclick="StepNavigator('2', 'next')">Next</button>
                                        </div>
                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                    
                                        <h3>Date</h3>
                                        <asp:UpdatePanel runat="server" ID="pnlStep3">
                                            <ContentTemplate>
                                    <div id="step3">
                                        <div id="jCal">
                                            <table>
                                                <tr runat="server" ID="rowLeave">
                                                    <td>
                                                        <p>Leave</p>
                                                    </td>
                                                    <td>
                                                        <asp:TextBox ID="dateLeave" runat="server" TextMode="Date"/>
                                                    </td>
                                                    <td><p class="help-text">E.g. 25-09-2013</p></td>
                                                </tr>
                                            </table>
                                        </div>
                                            <button type="button" class="button" onclick="StepNavigator('3', 'prev')">Previous</button>
                                            <asp:Button runat="server" ID="btnSaveDates" CssClass="button" Text="Next" OnClick="BtnSaveDatesClick" OnClientClick="StepNavigator('3', 'next')"/>
                                    </div>
                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                    
                                        <h3>Flight planner</h3>
                                        <asp:UpdatePanel runat="server" ID="pnlStep4">
                                            <ContentTemplate>
                                                <div id="step4" style="height: 290px">
                                                    <h3>Choose a flight</h3>
                                                    <uc1:ChooseFlight runat="server" ID="ChooseFlight" />
                                                    <asp:Panel ID="flightPanel" runat="server" Visible="false">
                                                        <h3>Choose flight date</h3>
                                                        <asp:DropDownList ID="ddlFlights" OnSelectedIndexChanged="ddlFlights_OnSelectedIndexChanged" AutoPostBack="True" runat="server" />
                                                        <br/>
                                                        <br/>
                                                    </asp:Panel>
                                                    <button type="button" class="button" onclick="StepNavigator('4', 'prev')">Previous</button>
                                                    <asp:Button runat="server" ID="btnSaveFlights" CssClass="button" Text="Next" OnClientClick="StepNavigator('4', 'next')"/>
                                                </div>
                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                    
                                        <h3>Rental car</h3>
                                        <asp:UpdatePanel runat="server" ID="pnlStep5">
                                                <ContentTemplate>
                                                    <div id="step5">
                                            <div id="carPick">
                                                <h3>Pick a car</h3>
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <asp:DropDownList runat="server" ID="ddlCars" AutoPostBack="True" OnSelectedIndexChanged="DdlCarsSelectedIndexChanged">
                                                                <asp:ListItem Selected="True">Select car make...</asp:ListItem>
                                                            </asp:DropDownList>
                                                        </td>
                                                        <td></td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Type:</td>
                                                        <td><asp:Label runat="server" ID="lblCarType"></asp:Label></td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Capacity:</td>
                                                        <td><asp:Label runat="server" ID="lblCarCapacity"></asp:Label></td>
                                                        <td></td>
                                                    </tr>
                                                </table>
                                            </div>
                                                        <button type="button" class="button" onclick="StepNavigator('5', 'prev')">Previous</button>
                                                        <button type="button" class="button" onclick="StepNavigator('5', 'next')">Next</button>
                                                    </div>
                                                </ContentTemplate>
                                            </asp:UpdatePanel>
                                    
                                        <h3>Hotel</h3>
                                        <asp:UpdatePanel runat="server" ID="pnlStep6">
                                                <ContentTemplate>
                                                    <div id="step6">
                                            <div id="stayPlanner">
                                                <h3>Plan your stay</h3>
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <asp:DropDownList runat="server" ID="ddlHotels" AutoPostBack="True" OnSelectedIndexChanged="DdlHotelsSelectedIndexChanged">
                                                                <asp:ListItem Selected="True">Select a hotel to stay...</asp:ListItem>
                                                            </asp:DropDownList>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                                        <button type="button" class="button" onclick="StepNavigator('6', 'prev')">Previous</button>
                                                        <asp:Button ID="btnBook" runat="server" OnClick="Book" Text="Book!" CssClass="button"/>
                                                    </div>
                                                </ContentTemplate>
                                            </asp:UpdatePanel>
                                    
                                    </div>
                                </asp:Panel>
                            </article>
                        </div>
					</div>
					<div class="4u">
						<!-- Sidebar -->
						<div id="sidebar">
							<section>
								<footer>
									<a href="PlanBook.aspx" class="button button-icon">Restart</a>
								</footer>
							</section>
							<section>
							    <asp:UpdatePanel runat="server">
							    <ContentTemplate>
								<h3>Summary</h3>
                                <table class="summary">
                                    <tr>
                                        <td>Travel party:</td><td><asp:Label runat="server" ID="lblTravelPartySize" Text="-"></asp:Label></td>
                                    </tr>
                                    <tr>
                                        <td>Date:</td><td><asp:Label runat="server" ID="lblLeaveDate" Text="-"></asp:Label></td>
                                    </tr>
                                    <tr>
                                        <td>Flight:</td><td><asp:Label runat="server" ID="lblFlight1" Text="-"></asp:Label></td>
                                    </tr>
                                    <tr>
                                        <td>Flight date:</td><td><asp:Label ID="lblFlightDate" runat="server" Text="-"></asp:Label></td>
                                    </tr>
                                    <tr>
                                        <td>Rental car:</td><td><asp:Label runat="server" ID="lblRentalCar" Text="-"></asp:Label></td>
                                    </tr>
                                    <tr>
                                        <td>Hotel:</td><td><asp:Label runat="server" ID="lblHotel" Text="-"></asp:Label></td>
                                    </tr>
                                </table>
                                </ContentTemplate>
							    </asp:UpdatePanel>
							</section>
						</div>
					</div>
				</div>
			</div>
		</div>
        <!-- Footer Wrapper -->
		<div id="footer-wrapper">
			    <footer id="footer" class="5grid-layout">
				    <div class="row">
					    <div class="3u">
						    <!-- Links -->
							<section>
								<h2>Industry News</h2>
								<ul class="style2">
									<li><a href="#">• Stocks Air Indonesia drop 29%</a></li>
									<li><a href="#">• Helsinki opens third airport</a></li>
									<li><a href="#">• Fokker show A380 competitor</a></li>
									<li><a href="#">• Boeing battery issues finally solved?</a></li>
									<li><a href="#">• Former captain turns whistleblower</a></li>
								</ul>
							</section>
					    </div>
					    <div class="3u">
						    <!-- Links -->
							<section>
								<h2>Latest offers</h2>
								<ul class="style2">
									<li><a href="#">• Rio de Janeiro</a></li>
									<li><a href="#">• Moscow</a></li>
									<li><a href="#">• New York</a></li>
									<li><a href="#">• Eastern Island</a></li>
									<li><a href="#">• Tokyo</a></li>
								</ul>
							</section>
					    </div>
					    <div class="3u">
						    <!-- Links -->
					    </div>
					    <div class="3u">
						    <!-- Contact -->
							<section class="widget-contact last">
								<h2>Contact Us</h2>
								<ul>
									<li><a href="http://twitter.com/" class="twitter">Twitter</a></li>
									<li><a href="http://facebook.com/" class="facebook">Facebook</a></li>
									<li><a href="https://plus.google.com/" class="googleplus">Google+</a></li>
								</ul>
								<p>Bergerweg 200 #A323<br />
								1817MN, Alkmaar<br />
								+31(0)72-1234567</p>
							</section>
					    </div>
				    </div>
				    <div class="row">
					    <div class="12u">
						    <div id="copyright">
							    &copy; InhollandAir. All rights reserved. | Images through: <a href="Default.aspx">InhollandAir Group Photography</a> | Design by: <a href="#">Jens Kloes & Michael Vlaar</a>
						    </div>
					    </div>
				    </div>
			    </footer>
		</div>
    </form>
</body>
</html>
